<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			a{text-decoration:none;color: white;}
			li{list-style: none;}
			.pullleft{float:left;}
			.pullright{float:right;}
			.public_center{width:962px;margin:0 auto;}
			.bg_header{height:130px;background:#e50011;}
			.bg_header .top{height:57px;}
			.header{padding-top:27px;}
			.search {
				width: 320px;
				height: 30px;
				border: 1px white solid;
				padding-left: 10px;
				display: inline-block;
				vertical-align: middle;
			}
			.search select{
				float: left;
				width: 77px;
				height: 30px;
				background:#e50011;
				border:0;
				color:white;
				outline: none;
			}
			
			.search input[type="text"] {
				width: 194px;
				height: 30px;
				border: none;
				outline: none;
				float: left;
				background: #e50011;
				padding-left: 15px;
				
			}
			
			.search input[type="submit"] {
				width: 30px;
				height: 30px;
				border: none;
				outline: none;
				background: url(img/探路者_03.jpg) no-repeat center center #e50011;
			}
			.header .rightTop{margin-top:3px;font-size: 12px;}
			.header .rightTop span{margin-top: 10px;}
			.header .rightTop span a{padding:0 9px;border-left: 1px solid #f5d7ff;border-right: 1px solid #fdbf79;color: white;} 
			.header .rightTop span a:first-child{border-left:0;}
			.header .rightTop span a:last-child{border-right:0;}
			.header .nav .leftNav ul{margin-top: 10px;}
			.header .nav .leftNav li{padding:0 11px;height:36px;float:left;text-align: center;line-height: 36px;font-size:14px;}
			.header .nav .leftNav li:hover{background: white;}
			.header .nav .leftNav li:hover a{color:#e50011;}
			.header .nav .rightNav li{float:left;padding:0 10px;width:80px;height: 20px;
			background: url(img/探路者_04_03.jpg) no-repeat right center;text-align: center;}
			.header .nav .rightNav li:first-child{padding:0 25px;}
			.header .nav .rightNav li:last-child{background: none;}
			.header .nav .rightNav ul{margin-top: 18px;}
			/*.header .nav .rightNav li a{}*/
			.bg_banner{height:473px;}
			.banner{position: relative;}
			.banner .bannerimg{width:100%;height: 473px;}
			.smallbox{position: absolute;bottom: 0;left:50%;margin-left:-480px;}
			.smallbox img{width:960px;height:161px;}
			.bg{width:960px;height:50px;background: black;opacity: 0.2;}
			.bg{text-align: center;position: absolute;bottom: 161px;left:50%;margin-left:-480px;display: none;}
			.bg img{width: 177px;height: 39px;float: left;margin-right: 50px;}
			.bg img:first-child{margin-left: 51px;}
			.smallbox:hover+.bg{display: block;}
			.bg_box{height:182px;background:white;}
			.box li{float: left;width:80px;height: 80px;margin:0 28px;margin-top: 50px;}
			.box li{background: url(img/探路者/探路者3_13.jpg) no-repeat center center;}
			.box li:hover{background: url(img/探路者/ic9.gif) no-repeat center center;}
			.bg_news{height: 264px;background:#f5f5f5;padding: 40px 0;}
			.news{background: white;height:264px;padding:0 20px;width:922px;}
			.news h2{margin: 10px 0;font-size: 14px;font-weight: 500;}
			.news .leftnews{width:660px;position: relative;}
			.news .leftnews .box{width:315px;height:94px;background: #f5f5f5;margin-right: 14px;margin-bottom: 14px;}
			.news .leftnews .box .info1{font-size: 12px;line-height: 22px;width:160px;margin-top:17px;margin-left: 6px;}
			.news .leftnews .box h3{font-size:12px;font-weight:500;color:#8f8f8f;}
			.news .leftnews .box img{width:143px;height:94px;}
			.news .leftnews .box .more{float: right;}
			.news .leftnews a{color:#999999;font-size: 12px;}
			.news .rightnews{width:252px;}
			.news .rightnews .b{width: 252px;} 
			.news .rightnews .crm{font-size: 12px;line-height: 22px;}
			.news .rightnews .crm p{margin-bottom:8px;}
			.news .rightnews .crm p span{color:#999999 ;}
			.news .rightnews .crm a{color: black;}
			/*.bg_info{height: 396px;}*/
			.info{padding-top: 60px;overflow: hidden;}
			.info ul li{width:264px;height: 277px;border-right:1px solid #e1e1e1;float: left;padding-left:42px;padding-right:42px;margin-bottom: 60px;}
			.info ul li:nth-child(3n-2){padding-left:0;}
			.info ul li:nth-child(3n){border: 0;padding-left:42px;padding-right: 0;}
			.info ul li .logo{display: block;width:50px;height:20px;background:#2ac180;text-align: center;
			line-height: 20px;font-size: 12px;margin-top: 56px;}
			.info ul li:nth-child(2n) .logo{background:#f44358;}
			.info ul li:nth-child(3n) .logo{background:#2ea2de;}
			.info ul li img{display: block;margin-bottom: 15px;}
			.info ul li a:first-child{color: black;font-size: 12px;margin-bottom: 56px;}
			.bg_footer{height:210px;background:#e50011;position: relative;}
			.footer{text-align: center;}
			.footer img{margin-top: 33px;} 
			.footer a{padding: 0 11px;background: url(img/探路者/探路者121_03_13.jpg) no-repeat right center;font-size: 12px;}
		    .footer div{margin-top: 27px;}
		    .footer p{font-size: 12px; color: white;line-height: 30px;margin-top: 3px;}
		    .footer .return{position: absolute;right:50px;top:58px;}
		</style>
	</head>
	<body>
		<div class="boss">
			<div class="bg_header">
				<div class="header public_center">
					<div class="top">
						<div class="leftTop pullleft">
							<img src="img/探路者/探路者_03.jpg"/>
						</div>
						<div class="rightTop pullright">
							<div class="search pullleft">
			<form action="http://www.baidu.com">
				<select name=""><option value="">产品名称</option></select>
				<input type="text" class="search-text" placeholder="请输入关键字" /><input type="submit" name="" id="" value="" /></form>
		                    </div>
		                   <span class="pullleft">
		                   	<a href="">登录</a><a href="">注册</a><a href="">探路者控股集团股份有限公司</a>
		                   </span>
						</div>
					</div>
					
					<div class="nav">
						<div class="leftNav pullleft">
							<ul>
								<li>
									<a href="">首页</a>
								</li>
								<li>
									<a href="">品牌专区</a>
								</li>
								<li>
									<a href="">新闻中心</a>
								</li>
								<li>
									<a href="">产品中心</a>
								</li>
								<li>
									<a href="">官方商城</a>
								</li>
								<li>
									<a href="">会员专区</a>
								</li>
								<li>
									<a href="">公益基金</a>
								</li>
							</ul>
						</div>
						<div class="rightNav pullright">
							<ul>
								<li><a href=""><img src="img/探路者/探路者_07.jpg"/></a></li>
								<li><a href=""><img src="img/探路者/探路者_09.jpg"/></a></li>
								<li><a href=""><img src="img/探路者/探路者_11.jpg"/></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="bg_banner">
				<div class="banner">
					<img src="img/探路者/探路者banner-03.jpg" class="bannerimg"/>
					<div class="smallbox">
						<img src="img/探路者/探路者_15_03.jpg"/>
					</div>
					<div class="bg"><img src="img/探路者/探路者_03.jpg"/><img src="img/探路者/探路者_03.jpg"/><img src="img/探路者/探路者_03.jpg"/><img src="img/探路者/探路者_03.jpg"/></div>
				</div>
			</div>
			<div class="bg_box">
				<div class="box public_center">
					<ul>
						<li>
							<a href=""></a>
						</li>
						<li>
							<a href=""></a>
						</li>
						<li>
							<a href=""></a>
						</li>
						<li>
							<a href=""></a>
						</li>
						<li>
							<a href=""></a>
						</li>
						<li>
							<a href=""></a>
						</li>
						<li>
							<a href=""></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="bg_news">
				<div class="news public_center">
				<div class="leftnews pullleft">
					<h2>新闻动态</h2>
					<span style="position: absolute;right: 0;top:11px;"><a href="">更多>></a></span>
					<div class="box pullleft">
						<img src="img/探路者/探路者1_03.jpg" class="pullleft"/>
					   <div class="pullleft info1">探路者定增慕资12.7亿元助推社群生态战略落地<h3>2016-06-01</h3></div>
					</div>
					<div class="box pullleft">
						<img src="img/探路者/探路者1_03.jpg" class="pullleft"/>
					   <div class="pullleft info1">探路者定增慕资12.7亿元助推社群生态战略落地<h3>2016-06-01</h3></div>
					</div>
					<div class="box pullleft">
						<img src="img/探路者/探路者1_03.jpg" class="pullleft"/>
					   <div class="pullleft info1">探路者定增慕资12.7亿元助推社群生态战略落地<h3>2016-06-01</h3></div>
					</div>
					<div class="box pullleft">
						<img src="img/探路者/探路者1_03.jpg" class="pullleft"/>
					   <div class="pullleft info1">探路者定增慕资12.7亿元助推社群生态战略落地<h3>2016-06-01</h3></div>
					</div>
				
				</div>
				<div class="rightnews pullright">
					<h2>公司公告</h2>
					<img src="img/探路者/探路者11_03_05.jpg" class="b"/>
					<div class="crm">
					<p>
						探路者CRM系统上线 创新客户服务模式探路者<span>CRM系统上线 创新客户服务模式探路者CRM系统上线 创新客户服务模式</span>
					</p>
					<a href="">查看详情<img src="img/探路者/探路者11_03.jpg"></a>
					</div>
				</div>	
				</div>
			</div>
			<div class="bg_info">
				<div class="info public_center">
					<ul>
						<li><a href=""><img src="img/探路者/探路者111_03.jpg"/>老驴分享 野外寻找水源及改善水质的妙招</a><a href="" class="logo">推荐</a></li>
						<li><a href=""><img src="img/探路者/探路者111_03.jpg"/>老驴分享 野外寻找水源及改善水质的妙招</a><a href="" class="logo">推荐</a></li>
						<li><a href=""><img src="img/探路者/探路者111_03.jpg"/>老驴分享 野外寻找水源及改善水质的妙招</a><a href="" class="logo">推荐</a></li>
					</ul>
				</div>
			</div>
			<div class="bg_footer">
				<div class="footer public_center">
					<img src="img/探路者/探路者121_03_03.jpg" style="margin-right: 30px;"/><img src="img/探路者/探路者121_03_05.jpg"/>
				   <div>
				   	<a href="">加入我们</a><a href="">新浪官方微博</a><a href="">投资者关系</a><a href="">法律声明</a><a href="">团购和定制</a><a href="">举报热线</a><a href="">采购招标信息</a>
				   </div>
				  <p>©2015-2019 探路者版权所有，并保留所有权利|备案号：京ICP09053978号-1|北京市公安局备案号：110114000010号<br />
				  北京市海淀区知春路6号锦秋国际大厦A座21层</p>	
				  <a href="#" style="background: none;"><img src="img/探路者/探路者121_03_08.jpg" class="return"/></a>
				</div>
			</div>
		</div>
	</body>
</html>
